html,body{width: 100%;height: 100%;background-color: #f7f7f7;}
.login-title{padding: 30px 20px 0 20px;text-align: center;font-size: 1.3rem;}
.login-input-row{
    margin: 20px 10px;
    width: calc(100% - 20px);
    border: 1px solid #CECECE;
    height: 45px;
    line-height: 45px;
    background-color: #ffffff;
    border-radius: 20px;
}
.login-input-row .row-title{width: 4em;padding: 0 8px;}
.login-input-row .phone-input{width: calc(100% - 10em - 16px);}
.login-input-row .phone-input input{width: 90%;font: 1em sans-serif;border: 0;background: transparent;}
.login-input-row .get-sms-code{width: 6em;background-color:#dddddd;border-top-right-radius: 20px;border-bottom-right-radius: 20px;text-align: center;}
.login-input-row .get-sms-code.active{background-color:#0eab4b;}
.login-input-row .get-sms-code span{color:#cecece;font-size: 0.8em;}
.login-input-row .get-sms-code.active span{color:#ffffff;font-size: 0.8em;}

.login-input-row .code-input{width: calc(100% - 4em - 16px);}
.login-input-row .code-input input{width: 90%;font: 1em sans-serif;border: 0;background: transparent;}

.submit-btn-bor{width: calc(100% - 20px); margin: 30px 10px;}